<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div style="width: 100px; height: 100px; background-color: black"></div>
    <script>
      let arr = [1, 1, 3, 2, 1, 2, 3, 5, 6, 1];
      /* 
      1132123561
           i
               j
      */
      // //设置指针
      let star = 0;

      //设置一个map类储存数据 key为元素, value为索引值
      let map = new Map();
      //设置求得的最大长度
      let max = 0;
      for (var end = 0; end < arr.length; end++) {
        //end随着循环递增,增加到数组最后一位就暂停

        map.set(arr[end], (map.get(arr[end]) || 0) + 1);
        //判断是否重复
        while (map.get(arr[end]) > 1) {
          map.set(arr[star], map.get(arr[star]) - 1);
          star++;
        }
        max = Math.max(end - star + 1, max);
      }
      // console.log(end);
      // console.log(star);
      // console.log(max);
      // console.log(map);
      //   let star = 0;
      //   //key为元素,value为元素位置
      //   let map = new Map();
      //   for (let i = 0; i < arr.length; i++) {
      //     map.set(arr[i], i);
      //   }

      //   console.log(map);
      //

      // class Js {
      //   constructor(name) {
      //     this.name = name;
      //   }

      //   getname() {
      //     console.log(this.name);
      //   }
      // }
      // function Node(name) {
      //   (this.name = name),
      //     (this.getname = function () {
      //       console.log(this.name);
      //     });
      // }
      // Node.prototype.changeName = function (name) {
      //   this.name = name;
      // };
      // // let zhq = new Node("dzx");

      // // console.log(dzx);
      // // console.log(zhq);
      // function node(...arg) {
      //   Node.call(this, ...arg);
      // }
      // node.prototype = Object.create(Node.prototype);
      // node.constructor = node;
      // // node.constructor = node;
      // let dzx = new node("dzx");
      // dzx.changeName("zhq");
      // console.log(dzx);
      document.querySelector("div").addEventListener("mouseup", function (e) {
        console.log(e);
      });
    </script>
  </body>
</html>
